import styled from 'styled-components'

export const StyledWrap = styled.div`
	width: 338px;
	margin-left: 30px;
	border: 1px solid #eaebec;
	display: flex;
	flex-direction: column;
	.search-wrap {
		margin: 7px 10px 5px;
		height: 33px;
	}
	.search-result-tips {
		display: flex;
		justify-content: flex-end;
		height: 20px;
		line-height: 20px;
		padding-right: 10px;
		position: relative;
		.search-num {
			position: absolute;
			left: 11px;
		}
	}
	.pending-content {
		flex: 1;
		position: relative;
		.empty {
			position: absolute;
			top: 50%;
			left: 29%;
			color: #b6b6b6;
			font-size: 11px;
			display: flex;
		}
	}
	.more-content {
		height: 35px;
		line-height: 35px;
		text-align: center;
		border-top: 1px solid #eaebec;
	}
	span.decoration-underline {
		cursor: pointer;
		color: #007ac0;
		text-decoration: underline;
	}
`
